﻿<!DOCTYPE html>
<html>
<head>
  <title>VIP长者床位费统计报表</title>
  <meta charset="utf-8">
  <meta name="keywords" content="短照中心-湘潭市康复养老中心;">
  <meta name="description" content="短照中心-湘潭市康复养老中心;">
  <link rel="stylesheet" rev="stylesheet" href="css/framepage_print.css" type="text/css" media="screen,print"/>
  <link rel="stylesheet" rev="stylesheet" href="css/print_table.css" type="text/css" media="screen"/>
  <link rel="stylesheet" type="text/css" href="js/waitBox/wait.css">
  <script src="js/vue.js"></script>
  <script src="js/jquery-3.2.1.min.js"></script>
  <script src="js/jquery.cookie.js"></script>
  <script src="js/JSON-js-master/json2.js"></script>
  <script src="js/waitBox/wait.js"></script>
  <script src="js/purl.js"></script>
  <style type="text/css">
    @media print {
      .no_print {
        display: none;
      }

      @page {
        margin: 0 10mm 0;
        size: A4 landscape;
      }

      .form_div ul {
        margin-top: 0;
      }


      .form_div_kk {
        width: auto;
        height: auto;
        font-size: 9pt;
        color: #000000;
      }

      .form_div_kk h3 {
        width: auto;
        height: 4mm;
        line-height: 4mm;
        text-align: center;
        font-size: 12pt;
        color: #000000;
      }

      .form_div_kk ul {
        width: 190mm;
        margin-top: 0;
      }

      .form_div_kk ul li {
        width: auto;
        height: 4mm;
        line-height: 4mm;
        position: relative;
        float: left;
        display: block;
        margin-right: 3mm;
      }

      .form_div_kk ul li span {
        display: inline;
        line-height: 7mm;
      }

      .form_div_kk ul li .tit {
        display: block;
        line-height: 7mm;
      }


      .rbb_div {
        width: 297mm;
        height: auto;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 12pt;
        color: #000000;
      }

      .rbb_div h3 {
        line-height: 6mm;
        width: 210mm;
        height: 5mm;
        text-align: center;
        font-size: 12pt;
        color: #000000;
        border-bottom: none;
      }

      table.rbb {
        width: 290mm;
        font-family: verdana, arial, sans-serif;
        font-size: 16px;
        color: #000000;
        border: solid 1px #000000;
        border-collapse: collapse;
      }

      table.rbb td {
        line-height: 8mm;
        height: 8mm;
        border: 1px solid #000000;
        border-collapse: collapse;
        padding: 0;
      }

      table.rbbnei {
        width: 290mm;
        font-family: verdana, arial, sans-serif;
        font-size: 12pt;
        color: #000000;
        magin: 0;
        padding: 0;
        border: 0;
        border-collapse: collapse;
      }

      table.rbbnet td {
        text-align: left;
        line-height: 8mm;
        height: 8mm;
        magin: 0;
        padding: 0;
        border: 0;
        border-collapse: collapse;
      }


      table.rbbnei2 {
        width: 50mm;
        font-family: verdana, arial, sans-serif;
        font-size: 14pt;
        color: #000000;
        magin: 0;
        padding: 0;
        border: 0;
        border-collapse: collapse;
      }

      table.rbbnet2 td {
        text-align: left;
        line-height: 8mm;
        height: 8mm;
        magin: 0;
        padding: 0;
        border: 0;
        border-collapse: collapse;
      }

      table.tb400 {
        width: 90mm;
        text-align: center;
        border-collapse: collapse;
      }

      table.tb400 td {
        width: 90mm;
        text-align: center;
        border-collapse: collapse;
      }

      table.tb400_2 {
        width: 90mm;
        text-align: center;
        border-collapse: collapse;
      }

      table.tb400_2 td {
        text-align: center;
        border-collapse: collapse;
      }

      table.tb100 {
        width: 25mm;
        text-align: center;
        border-collapse: collapse;
      }

      table.tb100 td {
        width: 25mm;
        text-align: center;
        border-collapse: collapse;
      }

      table.tb200 {
        width: 50mm;
        text-align: center;
        border-collapse: collapse;
      }

      table.tb200 td {
        width: 50mm;
        text-align: center;
        border-collapse: collapse;
        height: 24.5mm;
      }

      .v_top {
        vertical-align: top;
      }

      .tdw100 {
        width: 20mm;
      }

      .tdw200 {
        width: 50mm;
      }

      .tdw400 {
        width: 100mm;
      }

      .tdw500 {
        width: 125mm;
      }

      .tdw300 {
        width: 65mm;
      }

      .tdw700 {
        width: 165mm;
      }

      .tdw800 {
        width: 190mm;
      }

      .blps {
        border-collapse: collapse;
      }

      .t_c {
        text-align: center;
      }

      .t_r {
        text-align: right;
      }

      .h_62 {
        height: 17mm;
        text-align: center;
      }
    }


    @media screen {


      .form_div_kk {
        width: auto;
        height: auto;
        font-size: 14px;
        color: 494 C57;
      }

      .form_div_kk h3 {
        width: auto;
        height: 25px;
        line-height: 25px;
        text-align: center;
        font-size: 12px;
        color: #333333;
      }

      .form_div_kk ul {
        width: 960px;
        margin-top: 0;
      }

      .form_div_kk ul li {
        width: auto;
        height: 30px;
        line-height: 30px;
        position: relative;
        float: left;
        display: block;
        margin-right: 20px;
      }

      .form_div_kk ul li span {
        display: inline;
      }

      .form_div_kk ul li .tit {
        display: block;
        line-height: 40px;
      }


      .rbb_div {
        width: 1400px;
        height: auto;
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
        font-size: 14px;
        color: #000000;
      }

      .rbb_div h3 {
        line-height: 20px;
        width: 800px;
        height: 20px;
        text-align: center;
        font-size: 14px;
        color: #000000;
        border-bottom: none;
      }

      table.rbb {
        width: 1400px;
        font-family: verdana, arial, sans-serif;
        font-size: 16px;
        color: #000000;
        border: solid 1px #000000;
        border-collapse: collapse;
      }

      table.rbb td {
        line-height: 30px;
        height: 30px;
        border: 1px solid #000000;
        border-collapse: collapse;
        padding: 0;
      }

      table.rbbnei {
        width: 1400px;
        font-family: verdana, arial, sans-serif;
        font-size: 16px;
        color: #000000;
        magin: 0;
        padding: 0;
        border: 0;
        border-collapse: collapse;
      }

      table.rbbnet td {
        text-align: left;
        line-height: 30px;
        height: 30px;
        magin: 0;
        padding: 0;
        border: 0;
        border-collapse: collapse;
      }


      table.rbbnei2 {
        width: 200px;
        font-family: verdana, arial, sans-serif;
        font-size: 16px;
        color: #000000;
        magin: 0;
        padding: 0;
        border: 0;
        border-collapse: collapse;
      }

      table.rbbnet2 td {
        text-align: left;
        line-height: 30px;
        height: 30px;
        magin: 0;
        padding: 0;
        border: 0;
        border-collapse: collapse;
      }

      table.tb400 {
        width: 400px;
        text-align: center;
        border-collapse: collapse;
      }

      table.tb400 td {
        width: 400px;
        text-align: center;
        border-collapse: collapse;
      }

      table.tb400_2 {
        width: 400px;
        text-align: center;
        border-collapse: collapse;
      }

      table.tb400_2 td {
        text-align: center;
        border-collapse: collapse;
      }

      table.tb100 {
        width: 99px;
        text-align: center;
        border-collapse: collapse;
      }

      table.tb100 td {
        width: 99px;
        text-align: center;
        border-collapse: collapse;
      }

      table.tb200 {
        width: 200px;
        text-align: center;
        border-collapse: collapse;
      }

      table.tb200 td {
        width: 200px;
        text-align: center;
        border-collapse: collapse;
        height: 92px;
      }

      .v_top {
        vertical-align: top;
      }

      .tdw100 {
        width: 100px;
      }

      .tdw200 {
        width: 200px;
      }

      .tdw400 {
        width: 400px;
      }

      .tdw500 {
        width: 500px;
      }

      .tdw300 {
        width: 300px;
      }

      .tdw700 {
        width: 700px;
      }

      .tdw800 {
        width: 800px;
      }

      .blps {
        border-collapse: collapse;
      }

      .t_c {
        text-align: center;
      }

      .t_r {
        text-align: right;
      }

      .h_62 {
        height: 64px;
        text-align: center;
      }
    }

  </style>
</head>

<body style="background:rbg(216,216,216);">

<!--新的列表样式-->

<div class="form_div no_print">
  <h3>查询VIP长者床位费统计报表</h3>
  <form>
    <ul>
      <li><span class="tit" style="width:70px;">开始日期：</span></li>
      <li style="line-height:36px;"> <span>
      <input type="text" placeholder="请输入年" id="startYear" style="width:100px;position:absolute;top:0;left:0;"/>
      </span>
        <select id="startMonth" style="width:90px;position:absolute;top:0;left:116px;">
          <option value="12">12月</option>
          <option value="11">11月</option>
          <option value="10">10月</option>
          <option value="9">9月</option>
          <option value="8">8月</option>
          <option value="7">7月</option>
          <option value="6">6月</option>
          <option value="5">5月</option>
          <option value="4">4月</option>
          <option value="3">3月</option>
          <option value="2">2月</option>
          <option value="1">1月</option>
        </select>
        <select id="startDay" style="width:90px;position:absolute;top:0;left:210px;">
          <option value="31">31日</option>
          <option value="30">30日</option>
          <option value="29">29日</option>
          <option value="28">28日</option>
          <option value="27">27日</option>
          <option value="26">26日</option>
          <option value="25">25日</option>
          <option value="24">24日</option>
          <option value="23">23日</option>
          <option value="22">22日</option>
          <option value="21">21日</option>
          <option value="20">20日</option>
          <option value="19">19日</option>
          <option value="18">18日</option>
          <option value="17">17日</option>
          <option value="16">16日</option>
          <option value="15">15日</option>
          <option value="14">14日</option>
          <option value="13">13日</option>
          <option value="12">12日</option>
          <option value="11">11日</option>
          <option value="10">10日</option>
          <option value="9">9日</option>
          <option value="8">8日</option>
          <option value="7">7日</option>
          <option value="6">6日</option>
          <option value="5">5日</option>
          <option value="4">4日</option>
          <option value="3">3日</option>
          <option value="2">2日</option>
          <option value="1">1日</option>
        </select>
      </li>
    </ul>
    <ul>
      <li><span class="tit" style="width:70px;">结束日期：</span></li>
      <li style="line-height:36px;"> <span>
      <input type="text" placeholder="请输入年" id="endYear" style="width:100px;position:absolute;top:0;left:0;"/>
      </span>
        <select id="endMonth" style="width:90px;position:absolute;top:0;left:116px;">
          <option value="12">12月</option>
          <option value="11">11月</option>
          <option value="10">10月</option>
          <option value="9">9月</option>
          <option value="8">8月</option>
          <option value="7">7月</option>
          <option value="6">6月</option>
          <option value="5">5月</option>
          <option value="4">4月</option>
          <option value="3">3月</option>
          <option value="2">2月</option>
          <option value="1">1月</option>
        </select>
        <select id="endDay" style="width:90px;position:absolute;top:0;left:210px;">
          <option value="31">31日</option>
          <option value="30">30日</option>
          <option value="29">29日</option>
          <option value="28">28日</option>
          <option value="27">27日</option>
          <option value="26">26日</option>
          <option value="25">25日</option>
          <option value="24">24日</option>
          <option value="23">23日</option>
          <option value="22">22日</option>
          <option value="21">21日</option>
          <option value="20">20日</option>
          <option value="19">19日</option>
          <option value="18">18日</option>
          <option value="17">17日</option>
          <option value="16">16日</option>
          <option value="15">15日</option>
          <option value="14">14日</option>
          <option value="13">13日</option>
          <option value="12">12日</option>
          <option value="11">11日</option>
          <option value="10">10日</option>
          <option value="9">9日</option>
          <option value="8">8日</option>
          <option value="7">7日</option>
          <option value="6">6日</option>
          <option value="5">5日</option>
          <option value="4">4日</option>
          <option value="3">3日</option>
          <option value="2">2日</option>
          <option value="1">1日</option>
        </select>
        <span style="position:absolute;left:304px;top:0;">
      <input type="button" value="查询" class="button_s button1" onclick="findSubjectRoomSummaryList();"
             style="height:36px;"/>
      </span></li>
    </ul>
  </form>
</div>

<div style="clear:both;" class="no_print"></div>
<!--新的列表样式-->
<div class="rbb_div" id="vue_vm_list">
  <div style="margin:0;padding:0;">
    <h3>VIP长者床位费统计报表</h3>
    <h3>湘潭市养老康复中心</h3>
    <h3>{{getPrintDate()}}</h3>
    <table class="rbb">
      <tr>
        <td class="tdw100 t_c">养老号码</td>
        <td class="tdw100 t_c">持卡人</td>
        <td class="tdw100 t_c">床号</td>
        <td class="tdw100 t_c">入住科室</td>
        <td class="tdw100 t_c">实际入住长者</td>
        <td class="tdw100 t_c">床位费（vip)</td>
      </tr>
      <tbody v-for="parent,index in todos" :key="index">
      <tr v-for="child,cindex in parent.elderVipSummaryItems" :key="child.index">
        <td class="tdw100 t_c">{{child.beNumber}}</td>
        <td class="tdw100 t_c">{{child.cardholder}}</td>
        <td class="tdw100 t_c">{{child.bedNumber}}</td>
        <td class="tdw100 t_c">{{child.subjectRoomName}}</td>
        <td class="tdw100 t_c">{{child.elderName}}</td>
        <td class="tdw100 t_c">{{child.vipBedCost.toFixed(3)}}</td>
      </tr>
      <tr>
        <td colspan="6" class="t_r">小计:{{getVipBedCostToatl(parent).toFixed(3)}}</td>
      </tr>
      </tbody>
      <tr>
        <td colspan="14" class="t_r">合计：{{getTotal().toFixed(3)}}</td>
      </tr>
    </table>
  </div>
</div>
<div class="form_div">
  <div class="for_ie_div no_print"><!--为兼容IE-->
    <ul>
      <li><span class="tit" style="width:70px;"></span></li>
      <li>
        <input type="button" value="打印" class="button button1" onclick="window.print();" style="height:38px;"/>
      </li>
    </ul>
  </div>
</div>

<script src="js/common.js"></script>
<script src="js/common_function.js"></script>
<script src="js/common_date.js"></script>
<script src="js/common_money.js"></script>
<script src="js/busi/0_vip_bedrate_count.js"></script>
</body>
</html>
